/* saas 官网的尺寸单位是rem */
html {
  font-size: 16px;
  --docs-color-bg: #fff;
}

html.dark {
  --docs-color-bg: #000;
}

#app {
  background-color: var(--docs-color-bg);
}

/* reset.css 引入后造成site官网中 b 和 strong 标签没有粗体，此处还原粗体  */
b,
strong {
  font-weight: 700;
}

:root {
  --docs-markdown-top-body-zindex: 99;
  --docs-tabs-header-zindex: 100;
  --docs-float-settings-zindex: 999;
  --docs-header-zindex: 200;
  --docs-layout-sider-zindex: 201;
}

.tinyui-design-header {
  z-index: 1000 !important;
}

.tiny-grid td,
.tiny-grid th {
  vertical-align: middle;
}

/* Algolia 搜索 */

/** 大屏幕时，有副标题的占位，所以向后移除 */
@media screen and (min-width: 1150px) {
  .search-box {
    left: 360px !important;
  }
}

.search-box {
  position: absolute;
  z-index: 1000;
  top: 12px;
  left: 210px;
}

.DocSearch.DocSearch-Container {
  z-index: 1000;
  font-size: 14px;
}

.DocSearch-Button {
  border-radius: 6px;
  transition: 0.4s;
}

.DocSearch-Button:hover {
  box-shadow: inset 0 0 0 1px #1476ff;
  background-color: #f5f5f5;
}

.DocSearch-Button .DocSearch-Search-Icon {
  width: 14px;
}

.DocSearch-Button-Placeholder {
  color: #969faf;
}

/** docsearch 的暗黑模式 */
html.dark {
  --docsearch-text-color: #f5f6f7;
  --docsearch-container-background: rgba(9, 10, 17, 0.8);
  --docsearch-modal-background: #15172a;
  --docsearch-modal-shadow: inset 1px 1px 0 0 #2c2e40, 0 3px 8px 0 #000309;
  --docsearch-searchbox-background: #090a11;
  --docsearch-searchbox-focus-background: #000;
  --docsearch-hit-color: #bec3c9;
  --docsearch-hit-shadow: none;
  --docsearch-hit-background: #090a11;
  --docsearch-key-gradient: linear-gradient(-26.5deg, #565872, #31355b);
  --docsearch-key-shadow: inset 0 -2px 0 0 #282d55, inset 0 0 1px 1px #51577d, 0 2px 2px 0 rgba(3, 4, 9, 0.3);
  --docsearch-key-pressed-shadow: inset 0 -2px 0 0 #282d55, inset 0 0 1px 1px #51577d, 0 1px 1px 0 #0304094d;
  --docsearch-footer-background: #1e2136;
  --docsearch-footer-shadow: inset 0 1px 0 0 rgba(73, 76, 106, 0.5), 0 -4px 8px 0 rgba(0, 0, 0, 0.2);
  --docsearch-logo-color: #fff;
  --docsearch-muted-color: #7f8497;
}

:root {
  --docsearch-primary-color: #1476ff;
  --docsearch-searchbox-background: #f5f5f5;
}

@media screen and (max-width: 814px) {
  .search-box {
    left: 230px;
  }
}

@media screen and (max-width: 768px) {
  .search-box {
    left: 230px;
  }

  .search-box .DocSearch-Button {
    padding: 0 11px;
  }
}
